<template>
	
	<view>
		
		<swiper style="margin-bottom: 20rpx;" class="swiper-box" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration" circular="true" previous-margin="20px" next-margin="20px">
			<swiper-item v-for="(item, index) in info" :key="index" >
				<view :class="item.colorClass" class="swiper-item">
					<image class="image" :src="item.url" mode="aspectFill" />
				</view>
			</swiper-item>
		</swiper>
		<text space="nbsp" > 
			{{'      '}}《月亮与六便士》，是英国著名作家毛姆根据法国印象派大师保罗·高更的生平改编的小说.保罗·高更法国 后印象派 画家、雕塑家，与 梵高 、 塞尚 并称为 后印象派 三大巨匠。高更与塞尚二人虽同为印象派巨匠，作品的风格却迥然不同，塞尚喜画静物，擅用秩序分解法，在静物中体现自我意识。高更用平涂的画面、强烈的轮廓线、主观化的色彩勾勒图形，作品带有音乐性、节奏性、装饰性。
			{{'      '}} 高更的画作在形式感上具有独特的装饰特色。画面呈现出单纯而朴实、区域色彩平面化的特征，画面中的形象高度概括、简洁而又形神兼备，画面具有强烈的装饰性和形式美感。高更使用特殊的构图和鲜艳的色彩，将不同的物体组织在一起，使画面各元素之间的形式构成存在联系，使画作富有形式感、秩序感、韵律感及节奏性。
高更在平面中寻找出表现三维空间的特殊手法。他通过画面的分割、色块对比、物体的遮挡等关系， 营造出一种多层次的空间视觉效果。
			{{'      '}} 高更早期作品追求形式的简化和色彩的装饰效果，但还没有摆脱印象派的手法。后来多次到法国布列塔尼的古老村庄进行创作，对当地的风土人情、民间版画及东方绘画的风格感到兴趣，逐渐放弃原来的写实画法。由于厌倦城市生活，向往仍处于原始部落生活的风习和艺术，高更不顾一切,远涉重洋到南太平洋上的一个岛上去生活和画画，直到去世。高更以极大的热情真诚地描绘了土著民族及其生活。作品用线条和强烈的色块组成，具有浓厚的主观色彩和装饰效果。高更的艺术对现代绘画影响极大，他被称为象征派的创始人。
		</text>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				indicatorDots: true,
				autoplay: true,
				interval: 2000,//切换的间隔时间
				duration: 500,//滑动动画时长
				
				info: [{
						colorClass: 'uni-bg-red',
						url: "https://s.cn.bing.net/th?id=OIP-C.6DW4Kf3J3TeRahgPLPgzdQHaE3&w=308&h=202&c=8&rs=1&qlt=90&o=6&dpr=1.25&pid=3.1&rm=2",
						content: '内容 A',
						},
					{
						colorClass: 'uni-bg-green',
						url: 'https://tse1-mm.cn.bing.net/th/id/OIP-C.iNlGB5pSXCnD6A0xoeuaLQHaFT?w=264&h=189&c=7&r=0&o=5&dpr=1.25&pid=1.7',
						content: '内容 B'
					},
					{
						colorClass: 'uni-bg-blue',
						url: 'https://tse3-mm.cn.bing.net/th/id/OIP-C.VEQg_SFwnvWJUmWlU1jIfQHaEn?w=288&h=180&c=7&r=0&o=5&dpr=1.25&pid=1.7',
						content: '内容 C'
					}
				],
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.swiper-box {
		/* width: 95%; */
		height: 400rpx;
	}
	.swiper-item {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-color: #999;
		color: #fff;
		margin: 10px;
		border-radius: 15upx;
		height: 380upx;
	}
	.image {
		/* width: 750rpx; */
		height: 380upx;
		border-radius: 15upx;
	}
</style>
